<template>
<page path-name="tab">
    <div class="row">
        <div class="col-md-12">
            <panel :caption="false" :actions="false">
                <tab>
                    <tab-item header="Tab1" id="tab-1">这是Tab1</tab-item>
                    <tab-item header="Tab2" id="tab-2" :active="true">这是Tab2</tab-item>
                    <tab-item header="Disabled Tab" id="tab-3" :disabled="true">这是Tab2</tab-item>
                </tab>
            </panel>
        </div>
    </div>
</page>
</template>
<script>
import {Page, Tab, TabItem, Panel} from '../../../src/components'

export default{
    components:{
        Page,
        Tab,
        Panel,
        TabItem
    }
}
</script>